<template>
  <div class="about">
    <h1>This is an about page</h1>
    <input type="text">
    <list-com></list-com>
  </div>
</template>
<script>
export default {
  name: "about",
  data () {
    return {}
  },
  beforeCreate () {
    console.log("创建前")
  },
  created () {
    console.log("创建后")
  },
  beforeMount () {
    console.log("挂载前")
  },
  mounted () {
    console.log("挂载后")
  },
  beforeDestroy () {
    console.log("销毁前")
  },
  destroyed () {
    console.log("销毁后")
  },
  activated () {
    console.log("进入组件，激活组件")
  },
  deactivated () {
    console.log("离开组件")
  },
}
</script>
